<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<head>
<title>Market place</title>
</head>
<f:view>
	<body>
		<ui:composition>
			<p:dialog id="productInfoDialog" widgetVar="productInfoDlg"
				modal="false" showEffect="explode" hideEffect="clip" height="550"
				width="700" rendered="#{productModel.current.isAssociatedLoaded}">
				<p:tabView style="width:100%" dynamic="true" cache="true" >
					<p:tab title="#{productModel.current.nameLabel}">
						<h:panelGrid columns="1">
							<h:graphicImage library="images"
								value="../#{productModel.current.icon}128.png"></h:graphicImage>
							<h:outputText
								value="#{productModel.current.productInfo.descriptionLabel}"></h:outputText>
						</h:panelGrid>
					</p:tab>
					<p:tab title="#{msgs.gallery}"  >
						<p:galleria value="#{productModel.current.pictures}"
							transitionInterval="8000" var="picture" effect="slide"
							frameWidth="64" frameHeight="48">
							<p:graphicImage value="../#{picture.fullFileName}" />
						</p:galleria>

					</p:tab>
					<p:tab title="#{msgs.healthBenefits}">
						<h:panelGrid columns="2" cellspacing="10px" style="font-size:0.9em">
							<h:outputText value="#{msgs.healthBenefits}" style="font-weight:bold"></h:outputText>
							<h:outputText
								value="#{productModel.current.productInfo.healthBenefitsLabel}" ></h:outputText>
							<h:outputText value="#{msgs.nutritionValues}" style="font-weight:bold"></h:outputText>
							<h:outputText
								value="#{productModel.current.productInfo.nutritionValuesLabel}" ></h:outputText>
							<h:outputText value="#{msgs.ingredients}" style="width:150px;font-weight:bold" ></h:outputText>
							<h:outputText
								value="#{productModel.current.productInfo.ingredientLabel}" ></h:outputText>
						</h:panelGrid>
					</p:tab>
				</p:tabView>

			</p:dialog>
		</ui:composition>
	</body>
</f:view>
</html>